﻿@model Toasts.Models.Submission

@{
    ViewBag.Title = "Submit";
}


<div id="body">
    <div class="page">
        <div class="page-header">
            <div class="page-header-content">
                <h1>Submit a Toast</h1>
            </div>
        </div>
        <div class="page-region">
            <div class="page-region-content">
                @using (Html.BeginForm())
                {
                    @Html.ValidationSummary(true)

                    <div class="grid">
                        <div class="row">
                            <div class="span9 offset2">
                                <input type="hidden" id="Status" name="Status" value="Pending" />
                                @*<div>
                                    Content
                                </div>*@
                                <div id="toast-editor" class="input-control textarea toast-editor">
                                    @Html.TextAreaFor(model => model.Content, new { rows = 10, placeholder = "Type your toast here", style=" font-size:14pt; line-height: 1.5"})
                                    @Html.ValidationMessageFor(model => model.Content)
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="span9 offset2">
                                <div class="span5">
                                    <div>Occasion</div>
                                    <div class="input-control select">
                                        <select id="Occasion" name="Occasion">
                                            <option>Drink</option>
                                            <option>Food</option>
                                            <option>Health</option>
                                            <option>Christmas</option>
                                            <option>New Year</option>
                                            <option>Birthday</option>
                                            <option>Wedding</option>
                                            <option>Anniversary</option>
                                            <option>Age</option>
                                        </select>
                                        <div>@Html.ValidationMessageFor(model => model.Occasion)</div>
                                    </div>
                                </div>
                                <div class="span4">
                                    <div>Origin</div>
                                    <div class="input-control select">
                                        <select id="Origin" name="Origin">
                                             <option>Irish</option>
                                             <option>American</option>
                                             <option>Klingon</option>
                                             <option>French</option>
                                             <option>Italian</option>
                                             <option>British</option>
                                             <option>Polish</option>
                                             <option>Japanese</option>
                                             <option>German</option>
                                             <option>Spanish</option>
                                             <option>Greek</option>
                                             <option>Swedish</option>
                                             <option>Austrian</option>
                                        </select>
                                        <div>@Html.ValidationMessageFor(model => model.Origin)</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="span9 offset2">
                                <div class="span5">
                                    <div>Website</div>
                                    <div class="input-control">
                                        @Html.EditorFor(model => model.Website)
                                        @Html.ValidationMessageFor(model => model.Website)
                                    </div>
                                </div>
                                <div class="span4">
                                    <div>Author</div>
                                    <div class="input-control">
                                        @Html.EditorFor(model => model.Author)
                                        @Html.ValidationMessageFor(model => model.Author)
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                        <div class="row">
                            <div class="span9 offset2">
                                
                                <div class="span3">
                                    <a href="/" class="button bg-color-blue fg-color-white">Cancel
                                       
                                    </a>
                                </div>
                                <div class="span3">
                                    <button type="submit" value="Create" class="command-button bg-color-blue fg-color-white">
                                        Submit this toast                                
                                    </button>
                                </div>

                            </div>

                        </div>
                    </div>
                }
            </div>
        </div>
    </div>
</div>



@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
 
}
